.status_bar {
	width: 100%;
}

.content {
	overflow: hidden;
	position: relative;
	font-size: 30rpx
}

.header {
	background: #F54642;
	box-sizing: border-box;
	overflow: hidden;
}

.search {
	margin: 30rpx auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 698rpx;
	height: 64rpx;
	background: #FFFFFF;
	border-radius: 32rpx;
	font-size: 28rpx;
	font-weight: 400;
	color: #7D7D7E;
}

/* 添加 嵌入式 添加 返回按钮 */

.searchbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.searchbox .search {
	width: 600rpx;
}

.searchbox .nav_icon {
	margin-left: 20rpx;
}

.body_content {
	box-sizing: border-box;
	padding: 0 24rpx;
	position: relative;
}

.other_tab {
	background: #EFF0F1;
	box-sizing: border-box;
	padding: 0 24rpx;
	color: #0A0C0D;
}

.scroll-view {
	font-size: 30rpx;
	font-weight: 400;
	white-space: nowrap;
	height: 100rpx;
	box-sizing: border-box;
	padding-top: 20rpx;
}

.other_tab_view {
	display: inline-block;
	margin-right: 54rpx;
	position: relative;
}

.activeTab {
	font-size: 36rpx;
	font-weight: 500;
	color: #F54642;
}

.activeLine {
	width: 30rpx;
	height: 8rpx;
	position: absolute;
	bottom: -14rpx;
	left: 50%;
	margin-left: -15rpx;
	background: #F54642;
	border-radius: 10rpx;
}

.tab_content {
	overflow: hidden;
}

.swiper {
	height: 262rpx;
	margin-bottom: 24rpx;
	border-radius: 24rpx;
	overflow: hidden;
}

.swiper-item {
	border-radius: 24rpx;
	overflow: hidden;
}

.index_nav {
	height: 234rpx;
	background: #F9FAFB;
	border-radius: 24rpx;
	overflow: hidden;
	box-sizing: border-box;
	padding: 22rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 24rpx;
}

.index_nav>div {
	flex: 1;
}

.index_nav_top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.index_nav_top_item {
	width: 120rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center
}

.index_nav_top_item_icon {
	margin-top: 4rpx;
	width: 82rpx;
	height: 82rpx;
	border-radius: 50%;
	margin-bottom: 10rpx;
	overflow: hidden;
}

.index_nav_top_item_text {
	font-size: 26rpx;
	font-weight: 400;
	color: #0A0C0D;
	text-align: center;
}

.index_activity_left {
	background-size: 100%;
}

.index_nav_bottom {
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: flex-end;
	height: 36rpx;
}

.index_nav_bottom_left {
	width: 112rpx;
}

.index_nav_bottom_left>image {
	width: 100%;
	display: block;
}


.index_nav_bottom_notice {
	width: 80%;
	white-space: nowrap;
	font-size: 24rpx;
	font-weight: 400;
	color: #EBC266;
	overflow: hidden;
}

.notice {
	transform: translateX(120%);
	animation: notice 7s infinite linear;
}

@keyframes notice {
	from {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

.index_activity {
	height: 284rpx;
	display: flex;
	justify-content: space-between;
	margin-bottom: 36rpx;
}

.index_activity>view {
	height: 100%;
	background-color: #FFFFFF;
	border-radius: 16rpx;
	width: 344rpx;
	box-sizing: border-box;
	padding: 20rpx;
}

.index_activity_top {
	margin-bottom: 26rpx;
	font-size: 28rpx;
	font-family: FZZCHJW--GB1-0, FZZCHJW--GB1;
	font-weight: bold;
	color: #0A0C0D;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.activeText {
	width: 42rpx;
	height: 32rpx;
	background: #F54642;
	border-radius: 4rpx;
	display: inline-block;
	font-size: 22rpx;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	margin: 0 4rpx;
}

.index_activity_body {
	height: 144rpx;
	display: flex;
	justify-content: space-between;

}

.index_activity_body_item {
	width: 144rpx;
}

.index_activity_body_item_img {
	width: 100%;
	height: 144rpx;
	border-radius: 20rpx;
	margin-bottom: 8rpx;
	overflow: hidden;
}

.index_activity_body_item_img>image {
	display: block;
	width: 100%;
	height: 100%;
}

.index_activity_body_item_price {
	color: #F54642;
	font-size: 20rpx;
	text-align: center;
}

.index_activity_body_item_price>text {
	color: #F54642;
	font-size: 26rpx;
}

.index_activity_top_bgtext {
	display: inline-block;
	height: 32rpx;
	background: #fee3e3;
	border-radius: 4rpx;
	font-size: 22rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #F54642;
	padding: 2rpx 12rpx;
	line-height: 32rpx;
}

.pgae_commodity {
	overflow: hidden;
}

.pgae_commodity_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20rpx;
}

.pgae_commodity_title_line {
	display: inline-block;
	width: 8rpx;
	height: 26rpx;
	background: #F54642;
	margin-right: 8rpx;
}

.pgae_commodity_title_left_text {
	display: inline-block;
	font-size: 30rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #0A0C0D;
	margin-right: 14rpx;
}

.pgae_commodity_title_left_tips {
	display: inline-block;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #F54642;
}

.pgae_commodity_title_right {
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #444545;
}

.pgae_commodity_list {
	overflow: hidden;
}

.back_top {
	position: fixed;
	width: 84rpx;
	height: 84rpx;
	background-color: rgb(0, 0, 0, .4);
	right: 24rpx;
	bottom: calc(var(--window-bottom) + 70rpx);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.other_tab_banner {
	height: 262rpx;
	border-radius: 20rpx;
	overflow: hidden;
	margin-bottom: 30rpx;
	overflow: hidden;
}

.other_tab_banner>image {
	width: 100%;
	height: 100%;
	display: block;
}

.fixed_header {
	position: fixed;
	left: 0;
	top: 0;
	min-height: 200rpx;
	background: #F54642;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 9;
	width: 100%;
}

.fixed_header_tab {
	box-sizing: border-box;
	padding: 0 24rpx;
	color: #FFFFFF;
}

.activeLine_fixed_header {
	width: 30rpx;
	height: 8rpx;
	position: absolute;
	bottom: -14rpx;
	left: 50%;
	margin-left: -15rpx;
	border-radius: 10rpx;
	background: #FFFFFF;
}

.activeTab_fixed_header {
	font-size: 36rpx;
	font-weight: 500;
	color: #FFFFFF;
}

.loop_notice {
	position: absolute;
	left: 0;
	top: 0;
	width: 416rpx;
	height: 56rpx;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 200rpx 200rpx 200rpx 0px;
	overflow: hidden;
	z-index: 2;
}

.loop_notice>swiper {
	width: 100%;
	height: 100%;
}

.loop_notice_item {
	display: flex;
	align-items: center;
	font-size: 26rpx;
	font-weight: 400;
	color: #FFFFFF;
	height: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.loop_notice_item>view:nth-child(1) {
	width: 40rpx;
	height: 40rpx;
	border-radius: 50%;
	margin-left: 24rpx;
	margin-right: 16rpx;
	overflow: hidden;
	flex-shrink: 0;
}

.new_envelope {
	position: fixed;
	right: 15rpx;
	bottom: calc(var(--window-bottom) + 176rpx);
	width: 120rpx;
	height: 109rpx;
}

.new_envelope image {
	width: 100%;
	display: block;
}

.guide {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .73);
	z-index: 9999;
}

.guide_box {
	position: absolute;
	right: 26rpx;
	width: 490rpx;
	height: 896rpx;
}

.guide_box>image {
	display: block;
	width: 100%;
	height: 100%;
}

.text_box {
	position: absolute;
	left: 0;
	top: 98rpx;
}

.text_box_1 {
	font-size: 28rpx;
	font-weight: 500;
	color: #171717;
	box-sizing: border-box;
	padding-left: 114rpx;
}

.text_box_2 {
	font-size: 24rpx;
	font-weight: 500;
	color: #171717;
	box-sizing: border-box;
	padding-left: 114rpx;
}

.text_box_2>text {
	color: #F54642;
}

.text_box_3 {
	font-size: 30rpx;
	font-weight: 500;
	color: #171717;
	margin-top: 82rpx;
	margin-left: 32rpx;
	margin-bottom: 22rpx;
}

.text_box_4 {
	font-size: 20rpx;
	font-weight: 400;
	color: #171717;
	box-sizing: border-box;
	padding-left: 16rpx;
	margin-bottom: 14rpx;
}

.text_box_dot {
	display: inline-block;
	width: 28rpx;
	height: 28rpx;
	text-align: center;
	line-height: 28rpx;
	border-radius: 50%;
	background-color: #fde4e3;
	color: #f88481;
	font-size: 20rpx;
	margin-right: 8rpx;
}
